<!DOCTYPE html>
<html>
    <head>
        <title>Event Page</title>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="description" content="Circular Content Carousel with jQuery" />
        <meta name="keywords" content="jquery, conent slider, content carousel, circular, expanding, sliding, css3" />
		<meta name="author" content="Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" media="all" />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
    </head>
    <body>
		<div id="ca-container" class="ca-container">
			<div class="ca-wrapper">
				<div class="ca-item ca-item-1">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>StarBucks</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-2">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>광동제약</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>광동제약이 선착순 100명에게 비타500을 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-3">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>소니코리아</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-4">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>삼천리자전거</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-5">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>Apple inc.</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-6">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>Rayban 선그라스</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="ca-item ca-item-7">
					<div class="ca-item-main">
						<div class="ca-icon"></div>
						<h3>Save the planet</h3>
						<h4>
							<span class="ca-quote">&ldquo;</span>
							<span>스타벅스가 선착순 100명에게 아메리카노를 쏩니다</span>
						</h4>
							<a href="#" class="ca-more">more...</a>
					</div>
					<div class="ca-content-wrapper">
						<div class="ca-content">
							<h6>스타벅스와 함께 아메리카노 100잔!</h6>
							<a href="#" class="ca-close">close</a>
							<div class="ca-content-text">
								<p>2012. 11. 28 ~ 2012. 11. 29</p>
								<p>이곳에 상세 내용을 적으면 됩니다.</p>
							</div>
							<ul>
								<li><a href="#">홈페이지 가보기</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div> <!-- ca-wrapper-->
		</div>  <!-- ca-container-->
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<!-- the jScrollPane script -->
		<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
		<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
		<script type="text/javascript">
			$('#ca-container').contentcarousel();
		</script>
    </body>
</html>